<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>order</title>

	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
	<!-- 视口标签，禁止用户在移动端随意拉动 -->
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>detail</title>
	<link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
	

	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/order.css">

</head>
<body>
	<header id="header">

	</header>


	<section>
		
		<div class="container">
			<!-- 这是页头与搜索框部分 -->
			<div class="page-header">
				<div class="row">
					<div class="col-md-6">
						<h2>我的订单</h2>


					</div>
					<div class="col-md-3 col-lg-offset-2">
						<div class="input-group search">
							<input type="text" class="form-control" placeholder="Search for...">
							<span class="input-group-btn">
								<button class="btn btn btn-primary" type="button">搜索</button>
							</span>

						</div>

					</div>
					<div class="col-md-1 export" >
						<button class="btn btn-default exportBtn" type="button">导出</button>
					</div>
				</div>
			</div>
			<!-- 这是页头与搜索框部分end -->

			<!-- 订单数据列表 -->
			<div class="row order-table">
				<div class="table-responsive">
					<table class="table table-striped">
						<thead>
							<tr>
								<th>订单号</th>
								<th class="table-mobile-unshow">交易类型</th>
								<th class="table-mobile-unshow">交易数量</th>
								<th class="table-mobile-unshow">总价</th>
								<th class="table-mobile-unshow">单价</th>
								<th class="table-mobile-unshow">交易对象</th>
								<th>时间</th>
								<th>状态</th>
								
								
							</tr>
						</thead>

						<tbody>

							<tr>
								<td>
									<a href="#">115232415582450</a>

								</td>
								<td class="table-mobile-unshow"><span class="text-buy">购买</span>BTC</td>
								<td class="table-mobile-unshow">0.00218</td>
								<td class="table-mobile-unshow">100</td>
								<td class="table-mobile-unshow">45870</td>
								<td class="table-mobile-unshow"><a href="#">红包雨</a></td>
								<td>2018-04-09</td>
								<td>
									<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
									已取消
								</td>
								
								
							</tr>

							<tr>
								<td>
									<a href="#">115232415582450</a>

								</td>
								<td class="table-mobile-unshow"><span class="text-buy">购买</span>BTC</td>
								<td class="table-mobile-unshow">0.00218</td>
								<td class="table-mobile-unshow">100</td>
								<td class="table-mobile-unshow">45870</td>
								<td>2018-04-09</td>
								<td>
									<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
									已取消
								</td>
								<td class="table-mobile-unshow"><a href="#">红包雨</a></td>
								
							</tr>

							<tr>
								<td>
									<a href="#">115232415582450</a>

								</td>
								<td class="table-mobile-unshow"><span class="text-buy">购买</span>BTC</td>
								<td class="table-mobile-unshow">0.00218</td>
								<td class="table-mobile-unshow">100</td>
								<td class="table-mobile-unshow">45870</td>
								<td>2018-04-09</td>
								<td>
									<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
									已取消
								</td>
								<td class="table-mobile-unshow"><a href="#">红包雨</a></td>
								
							</tr>

							<tr>
								<td>
									<a href="#">115232415582450</a>

								</td>
								<td class="table-mobile-unshow"><span class="text-buy">购买</span>BTC</td>
								<td class="table-mobile-unshow">0.00218</td>
								<td class="table-mobile-unshow">100</td>
								<td class="table-mobile-unshow">45870</td>
								<td>2018-04-09</td>
								<td>
									<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
									已取消
								</td>
								<td class="table-mobile-unshow"><a href="#">红包雨</a></td>
								
							</tr>
							<tr>
								<td>
									<a href="#">115232415582450</a>

								</td>
								<td class="table-mobile-unshow"><span class="text-buy">购买</span>BTC</td>
								<td class="table-mobile-unshow">0.00218</td>
								<td class="table-mobile-unshow">100</td>
								<td class="table-mobile-unshow">45870</td>
								<td>2018-04-09</td>
								<td>
									<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
									已取消
								</td>
								<td class="table-mobile-unshow"><a href="#">红包雨</a></td>
								
							</tr>
							<tr>
								<td>
									<a href="#">115232415582450</a>

								</td>
								<td class="table-mobile-unshow"><span class="text-buy">购买</span>BTC</td>
								<td class="table-mobile-unshow">0.00218</td>
								<td class="table-mobile-unshow">100</td>
								<td class="table-mobile-unshow">45870</td>
								<td>2018-04-09</td>
								<td>
									<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
									交易成功
								</td>
								<td class="table-mobile-unshow"><a href="#">马云欠我钱</a></td>
								
							</tr>

							<tr>
								<td>
									<a href="#">115232415582450</a>

								</td>
								<td class="table-mobile-unshow"><span class="text-buy">购买</span>BTC</td>
								<td class="table-mobile-unshow">0.00218</td>
								<td class="table-mobile-unshow">100</td>
								<td class="table-mobile-unshow">45870</td>
								<td>2018-04-09</td>
								<td>
									<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
									交易成功
								</td>
								<td class="table-mobile-unshow"><a href="#">马云欠我钱</a></td>
								
							</tr>



							<tr>
								<td>
									<a href="#">115232415582450</a>

								</td>
								<td class="table-mobile-unshow"><span class="text-buy">购买</span>BTC</td>
								<td class="table-mobile-unshow">0.00218</td>
								<td class="table-mobile-unshow">100</td>
								<td class="table-mobile-unshow">45870</td>
								<td>2018-04-09</td>
								<td>
									<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
									交易成功
								</td>
								<td class="table-mobile-unshow"><a href="#">马云欠我钱</a></td>
								
							</tr>
							<tr>
								<td>
									<a href="#">115232415582450</a>

								</td>
								<td class="table-mobile-unshow"><span class="text-buy">购买</span>BTC</td>
								<td class="table-mobile-unshow">0.00218</td>
								<td class="table-mobile-unshow">100</td>
								<td class="table-mobile-unshow">45870</td>
								<td>2018-04-09</td>
								<td>
									<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
									交易成功
								</td>
								<td class="table-mobile-unshow"><a href="#">马云欠我钱</a></td>
								
							</tr>
							<tr>
								<td>
									<a href="#">115232415582450</a>

								</td>
								<td class="table-mobile-unshow"><span class="text-buy">购买</span>BTC</td>
								<td class="table-mobile-unshow">0.00218</td>
								<td class="table-mobile-unshow">100</td>
								<td class="table-mobile-unshow">45870</td>
								<td>2018-04-09</td>
								<td>
									<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
									交易成功
								</td>
								<td class="table-mobile-unshow"><a href="#">马云欠我钱</a></td>
								
							</tr>



						</tbody>

					</table>
					<!-- 订单数据表格结束 -->
				</div>
				
			</div>
			<!-- 列表分页 -->
			<div class="row">
				<div class="col-md-12 pagebar">
					<nav aria-label="Page navigation">
						<ul class="pagination">

							<!-- 分页链接禁用状态 -->
							<!-- <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">上页</span></a></li> -->
							<li><a href="#" aria-label="Homepage" title="首页"><span aria-hidden="true">首页</span></a></li>
							<li class="disabled"><span><span aria-hidden="true">&laquo;</span></span></li>
							<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
							<li><a href="#" title="第2页">2</a></li>
							<li><a href="#" title="第3页">3</a></li>
							<li><a href="#" title="第4页">4</a></li>
							<li><a href="#" title="第5页">5</a></li>
							<li><a href="#" aria-label="Next" title="下页"><span aria-hidden="true">&raquo;</span></a></li>
							<li><a href="#" aria-label="Last" title="尾页"><span aria-hidden="true">尾页</span></a></li>
						</ul>
					</nav>
				</div>
			</div>
		</div>	
	</section>


	<footer id="footer">

	</footer>
	<!-- 底部内容end -->
	<script src="../lib/jquery/jquery-2.1.1.js"></script>
	<script src="../lib/bootstrap/js/bootstrap.min.js"></script>

	<script type="text/javascript">
		$(function () {

			$('#header').load('../common/nav.html');
			$('#footer').load('../common/footer.html');




		})
	</script>
</body>
</html>